<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" src="../js/jquery-1.4.4.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
	
	.hidden{ display:none;}
	h1{ font-family:黑体;}
	p{ font-size:20px; font-weight:bolder;}
	input{ margin-left:30px;}
	.option {
		display:block;
		margin-left:30px; 
		text-decoration:none; 
	}
	#answerRight, #answerWrong{cursor:pointer;}
</style>
</head>

<body>

	<p>那就来回答一下这个问题吧，中国目前通用的两套历法系统什么？</p>
	<form id="test">
	<input name="answer" type="checkbox">A儒略历<br />
	<input name="answer" type="checkbox">B回历<br />
	<input name="answer" type="checkbox" correct="true">C格里高利历<br />
	<input name="answer" type="checkbox">D藏历<br />
	<input name="answer" type="checkbox" correct="ture">E农历<br /> 
	<input type="button" value="提交答案" onclick="judge()" /><input type="reset" value="重置">
	</form>
	<div id="answerRight" style="display:none; position:absolute; width:400px; height:150px; left:118px; top:60px; background: url(2_1.jpg) #FFF 286px 45px no-repeat; border:solid 5px #000000;">
		<span class="option" style="line-height:155px;">这你都知道。点我，咱们继续吧。</span>
	</div>
	<div id="answerWrong" style="display:none; position:absolute; width:400px; height:150px; left:118px; top:60px; background: url(4_2.jpg) #FFF 236px 15px no-repeat; border:solid 5px #000000;">
		<span class="option" style="line-height:45px; margin-top:30px;">你回答错了。<br />点我，回去看一下讲解吧。</span>
	</div>
	<script>
		parent.loadSoundHander("mp3/spring4.mp3",soundFinishHander)
		
		function soundFinishHander(){}
		function judge(){
			$("#test").css("display","none");
			if($("input:checked").length == $("input[correct]").length && $("input[correct]:checked").length == $("input[correct]").length){
				$("#answerRight").css("display","block");
				parent.loadSoundHander("mp3/right1.mp3",soundFinishHander)
			}else{
				$("#answerWrong").css("display","block");
				parent.loadSoundHander("mp3/wrong3.mp3",soundFinishHander)
			}
		}
		$("#answerRight").click(
			function(){
				parent.gotoPage(5);
			}
		);
		$("#answerWrong").click(
			function(){
				parent.gotoPage(4);
			}
		);
	</script>
</body>
</html>
